$(function() {
  var hasIndex, index=0;
  // hasIndex = window.location.href.split("?").length > 1;
  // index = hasIndex ? window.location.href.split("?")[1].split("=")[1] : 0;

  var data = [
    //第一本书
    {
      //书的信息
      BookInformation: {
        bookName: "时代广场的蟋蟀",
        author: "(美)威廉姆斯 绘;(美)乔治.塞尔登",
        press: "中文天地出版股份有限公司",
        year: "2013-08",
        price: "15.00",
        Binding: "精装",
        folio: "16",
        ISBN: "9787539189437",
        imgUrl: "./img/1000001.jpg",
        authorIntro: "乔治赛尔登（1929-1989）出生于美国康涅狄格州，从康州的耶鲁大学毕业后，去罗马留学过一年，此后一直居住在纽约。热爱音乐。",
        //图书标签
        bookLabel: ['儿童文学', '友情', '成长', '外国文学', '经典'],
        //主题词
        themaWords: ['时代广场', '外国文学'],
        //内容提要
        contentSummary: '柴斯特，一只出生在康涅狄克州草原的蟋蟀，因为贪吃，被意外带到了纽约时代广场的地铁站。乡下来的小蟋蟀第一次出远门，就来到了全世界最繁华的地方。在这个全然陌生的世界，他幸运地被一个好心的男孩，报摊老板的儿子玛利欧收养，并与两个地铁站里的老住户亨利猫和塔克鼠成为了好朋友。柴斯特有着惊人的音乐天赋，他“演奏”的美妙音乐，打动了听过的每个人，成为了纽约最受瞩目的明星，改变了玛利欧一家人贫穷的生活。令人意外的是，柴斯特收获了那么多的掌声和鲜花，依旧念念不忘家乡的自由生活，于是他告别了朋友们，踏上了回家之路。',
        //本书目录
        catalogues: ['第一章　塔克', '第二章　玛利欧', '第三章　柴斯特', '第四章　亨利', '第五章　星期天早晨', '第六章　冯赛', '第七章　蟋蟀笼子', '第八章　塔克一生的积蓄', '第九章　中国晚餐', '第十章　晚宴', '第十一章　不祥之物', '第十二章　史麦德利先生', '第十三章　大出风头', '第十四章　奥尔甫斯', '第十五章　中央车站'],
      },

      //购买推荐
      PurchaseRe: [{
        libraryName: "上海书城福州店",
        address: "上海市黄浦区福州路465号世纪出版大厦"
      },
      {
        libraryName: "崇文书城",
        address: "武汉市洪山区雄楚大道268号"
      },
      {
        libraryName: "新华书店长沙市分公司",
        address: "长沙市五一东路285号"
      },
      {
        libraryName: "新华书店武侯祠店",
        address: "成都市武侯区武侯祠大街266号华达商城1层"
      },
      {
        libraryName: "新华书店内蒙古店",
        address: " 内蒙古自治区呼和浩特市回民区中山西路49号(天元大酒店)"
      },
      {
        libraryName: "云南新华大厦",
        address: "昆明市人民东路6号"
      }
      ],
      //借阅推荐
      borrowRe: [{
        libraryName: "湖南图书馆",
        address: "湖南省长沙市芙蓉区韶山北路157号"
      },
      {
        libraryName: "江西省图书馆",
        address: "江西省南昌市洪都北大道160号"
      }
      ],
      comment: [{
        userName: "无昵称用户",
        time: "2017-12-10 08:08:45",
        good: 3,
        bad: 3,
        con: "蟋蟀柴斯特用它绝妙的音乐天赋回报了朋友们的真诚友情，帮助玛利欧一家摆脱了困境，自己还成为了震惊整个纽约的演奏家！然而功成名就后的柴斯特却满心失落，思念起乡下自由自在的安静生活来"
      },
      {
        userName: "叫我胡三岁",
        time: "2017-11-14 14:27:05",
        good: 94,
        bad: 17,
        con: "首先非常羡慕蟋蟀，猫和老鼠不平常的友谊；其次我明白了饲养动物不光是为了使自己能得到快乐，更重要的是要从动物的快乐和自由着想；最后我懂得了我们每个人，每个同学都应该爱惜友谊，都有一个宽容的心，学会互相关爱，互相帮助。那么人间将会充满爱，充满欢声笑语的乐园。"
      },
      {
        userName: "亮的娟",
        time: "2017-08-24 22:04:08",
        good: 117,
        bad: 49,
        con: "经典的著作总会让人回味无穷，时代广场的蟋蟀就是其中一本，愿孩子阅读更多的美好和经典。"
      },
      {
        userName: "匿名用户",
        time: "2017-11-14 17:24:17",
        good: 8,
        bad: 1,
        con: "孩子很喜欢这个故事，非常值得一看。一只小蟋蟀无意中离开了家乡，来到了时代广场的小报亭生活下来，发生了很多趣事，也发生了意外，故事情节趣味十足，八岁的孩子跟着故事情节心情起伏不定，每晚读一些，有时候读着不想睡。故事很不错值得购买。"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-30 15:17:50",
        good: 6,
        bad: 1,
        con: " 乡下蟋蟀勇闯大纽约的奇妙征程，让音乐成为生命的底色，让友谊成为生命的温度，让心灵成为生命的归属,有趣的书籍,小朋友喜欢看"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-19 13:07:17",
        good: 0,
        bad: 3,
        con: " 这本书也是朋友推荐才买的，里面都是满满的文字，对于一年级小孩来说，要想阅读还是有难度的。不过我打算作为故事书读给他听。"
      }
      ]
    },


    //第二本书   
    {
      //书的信息
      BookInformation: {
        bookName: "阿弥陀佛么么哒",
        author: "大冰",
        press: "中南出版传媒集团股份有限公司",
        year: "2015-08",
        price: "38.00",
        Binding: "精装",
        folio: "32",
        ISBN: "9787540472238",
        imgUrl: "./img/1000002.jpg",
        authorIntro: "百万级畅销书《乖，摸摸头》作者。山东人，有故事的人，作家、主持人、民谣歌手、老背包客、不敬业的酒吧掌柜、科班油画画师、手鼓艺人、业余皮匠、业余银匠、业余诗人、资深西藏拉漂、资深丽江混混、黄金左脸、禅宗临济弟子……",
        //图书标签
        bookLabel: ['旅游', '丽江', '成长',],
        //主题词
        themaWords: ['旅游', '文学'],
        //内容提要
        contentSummary: '善良是一种天性，善意是一种选择。阿弥陀佛么么哒，是一句祝福，一份善意。百万级销量作家大冰2015年新书《阿弥陀佛么么哒》。12个不舍得读完的、暖心的、真实的江湖故事——或许会让你看到那些你永远无法去体会的生活，见识那些可能你永远都无法结交的人。《阿弥陀佛么么哒》中的这12个真实的江湖故事，有弥足珍贵的亲情，有一诺千金的古风，有传奇到死的女人，有肝胆相照的男人，有为理想而千辛万苦，锲而不舍的草根；有心心相印、真心不渝的生死爱情……他们很平常，很渺小，甚至奔走在社会底层，但他们很强大、很执着、很坚韧，有爱亦有恨，敢爱亦敢恨。他们不曾被生活模糊了面目、扫荡了梦想，无论现在、过去或者未来，他们都是尘世的特立独行者，努力寻找着处世和入世间的平衡。他们在《阿弥陀佛么么哒》里，陪伴你，并温暖你，为你点亮前行路上的明灯。《阿弥陀佛么么哒》这是一本超值的书。除了读到各种惊喜、各种惊叹、各种戳心、各种含笑流泪的故事之外，它还可以听。《阿弥陀佛么么哒》一书中的每篇文章后，都缀有音乐二维码，共计几十首有钱也买不到的原创民谣，免费赠予每一个读者。',
        //本书目录
        catalogues: ['一个孩子的心愿', '一百万个祝福⊙我有故事,你有酒吗？', '我的王八蛋', '玩儿鲨鱼的女人', '凭什么', '送你一只喵', '厦门爱情故事2007', '周三的情书', '铃铛', '小善缘后记'],
      },

      //购买推荐
      PurchaseRe: [{
        libraryName: "云南新华大厦",
        address: "昆明市人民东路6号"
      },
      {
        libraryName: "新华书店学府大道店",
        address: "南昌市新建区学府大道219号"
      },
      {
        libraryName: "新华书店老福山购书中心",
        address: "江西省南昌市西湖区八一大道102号新华大厦"
      },
      {
        libraryName: "新华书店河西大学店",
        address: "长沙市麓山路303号"
      },
      {
        libraryName: "新华书店芙蓉中路店",
        address: " 湖南省长沙市芙蓉区芙蓉中路二段76号湖南图书城1-4层"
      },
      {
        libraryName: "新华书店长沙市分公司",
        address: "长沙市五一东路285号"
      }
      ],
      //借阅推荐
      borrowRe: [{
        libraryName: "内蒙古图书馆",
        address: "内蒙古呼和浩特市赛罕区乌兰察布西街34号"
      },
      {
        libraryName: "湖南图书馆",
        address: "湖南省长沙市芙蓉区韶山北路157号"
      }
      ],
      comment: [{
        userName: "芥末蓝",
        time: "2017-12-11 1:08:45",
        good: 3,
        bad: 3,
        con: "第一次读大冰的书就深深的被大冰吸引了，完全控制不了自己。准备把其他的所有的大冰的书都买了，大冰，我爱你！"
      },
      {
        userName: "安如歌",
        time: "2017-11-14 14:27:05",
        good: 94,
        bad: 17,
        con: "不给大冰你这个野生作家满分，是怕你骄傲这本书是去年姐姐送的，兜兜转转一直没机会看。终于我在这个酷暑把它看完了。我没有在火车上，我也没有在地铁上，我也没有斜倚在床头，也没有在洒满阳光的书桌前，更没有在异乡街头或者航班被延误的候机厅里看这本书。大热天的，吹着一个二十年前的退休老干部级别的电扇，我坐在闺密家铺着毛毯的沙发上缩在角落里，趁着微弱的光芒看完了这本书。我想我一辈子都会记得我第一次看书看到了长痱子。我喜欢这本书，我一定也会喜欢上另外两本书。爱上了民谣，也更爱异乡。但是每天有新想法新发现，哪里不是异乡。大冰，阿弥陀佛。"
      },
      {
        userName: "无昵称用户",
        time: "2017-08-24 22:04:08",
        good: 117,
        bad: 49,
        con: "阿弥陀佛，么么哒。是我买的大冰的第一本书，里面的故事真的挺打动人心的，不论是患白血病的小男孩还是张晏明的《佳佳》都让人为之动容。书中真实的记录着他经历的故事，从朋友到民谣歌手，甚至只是来小屋的路人，所有有机会成为故事的主人。"
      },
      {
        userName: "匿名用户",
        time: "2017-11-14 17:24:17",
        good: 8,
        bad: 1,
        con: "因为阅读《阿弥陀佛么么哒》想去一次你与小师姐认识的小镇，大抵是因为心中有期待，期待会遇见不同的故事。感谢《阿弥陀佛么么哒》给我一场不一样的修行，满满地正能量?期待大冰会推出新作?缘深缘浅，缘聚缘散，惜缘随缘莫攀缘?"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-30 15:17:50",
        good: 6,
        bad: 1,
        con: " 大冰的新书，果断买来一口气看完，12个真实的故事，看的我是一会哭一会笑的，跟个神经病一样，好久没有被感动的湿润眼球了，阿弥陀佛，么么哒！那个给“希有”的卡片已经写好了，坐等大冰的微博炮弹，真实的故事总是让人动容，这本书很值得一看。,有趣的书籍,小朋友喜欢看"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-19 13:07:17",
        good: 0,
        bad: 3,
        con: " 此书于书展相识，结缘于当当网。温情感人，纸巾拭泪。于是又结缘了大冰的其他几本书籍。我亦是信佛之人，阿弥陀佛么么哒！"
      }
      ]
    },


    //第三本书
    {
      //书的信息
      BookInformation: {
        bookName: "毛泽东思想和中国特色社会主义理论体系概论",
        author: "《毛泽东思想和中国特色社会主义理论体系概论》编写组",
        press: "中南出版传媒集团股份有限公司",
        year: "2015-08",
        price: "25.00",
        Binding: "精装",
        folio: "32",
        ISBN: "9787040432022",
        imgUrl: "./img/1000003.jpg",
        authorIntro: "编写组在编写过程中，参阅了大量的教材、著作和文献，吸收、借鉴国内外很多专家学者的研究成果，得到经济科学出版社的理解和大力支持",
        //图书标签
        bookLabel: ['专业教材', '权威指导', '指定用书',],
        //主题词
        themaWords: ['教材', '政治'],
        //内容提要
        contentSummary: '《(2015年)马克思主义理论研究和建设工程重点教材:*思想和中国特色社会主义理论体系概论(修订版)》分为12章：第一章马克思主义中国化两大理论成果；第二章新民主主义革命理论；第三章社会主义改造理论；第四章社会主义建设道路初步探索的理论成果；第五章建设中国特色社会主义总依据；第六章社会数以本质和建设中国特色社会主义总任务；第七章社会主义改革开放理论；第八章建设中国特色社会主义总布局；第九章实现祖国完全统一的理论；第十章中国特色社会主义外交和国际战略；第十一章建设中国特色社会主义的根本目的和依靠力量理论；第十二章中国特色社会主义领导核心理论。',
        //本书目录
        catalogues: ['第一章马克思主义中国化两大理论成果', '第一节马克思主义中国化及其发展一', '马克思主义中国化的提出二', '马克思主义中国化的科学内涵三', '马克思主义中国化两大理论成果的关系', '第二节毛泽东思想一', '毛泽东思想的形成和发展二', '毛泽东思想的主要内容三', '毛泽东思想的历史地位第三节中国特色社会主义理论体系一', '中国特色社会主义理论体系的形成和发展二', '中国特色社会主义理论体系的主要内容三', '中国特色社会主义理论体系的历史地位']
      },

      //购买推荐
      PurchaseRe: [{
        libraryName: "新华书店人民北路店",
        address: "成都市成华西街8号图书音像批发市场3楼C区25-39号"
      },
      {
        libraryName: "新华书店学府大道店",
        address: "南昌市新建区学府大道219号"
      },
      {
        libraryName: "崇文书城",
        address: "武汉市洪山区雄楚大道268号"
      },
      {
        libraryName: "上海书城福州店",
        address: "上海市黄浦区福州路465号世纪出版大厦"
      },
      {
        libraryName: "上海书城353广场店",
        address: " 上海市黄浦区南京东路353号悦荟mosaicF5"
      },
      {
        libraryName: "新华书店长沙市分公司",
        address: "长沙市五一东路285号"
      }
      ],
      //借阅推荐
      borrowRe: [{
        libraryName: "上海图书馆",
        address: "上海市徐汇区淮海中路1555号"
      },
      {
        libraryName: "湖南图书馆",
        address: "湖南省长沙市芙蓉区韶山北路157号"
      }
      ],
      comment: [{
        userName: "无昵称用户",
        time: "2017-12-11 1:08:45",
        good: 3,
        bad: 3,
        con: "重温毛概理论，国家发展的脉络清晰，展示了国家发展过程中的各种思想"
      },
      {
        userName: "无昵称用户",
        time: "2017-11-14 14:27:05",
        good: 94,
        bad: 17,
        con: "内容是正规的，文字是正确的！可以购买！"
      },
      {
        userName: "无昵称用户",
        time: "2017-08-24 22:04:08",
        good: 117,
        bad: 49,
        con: "十成新书，纸质好，文字清晰"
      },
      {
        userName: "匿名用户",
        time: "2017-11-14 17:24:17",
        good: 8,
        bad: 1,
        con: "4月份考试用，还不错"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-30 15:17:50",
        good: 6,
        bad: 1,
        con: " 资料全面，讲解细致入心。正版，性价比高。"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-19 13:07:17",
        good: 0,
        bad: 3,
        con: " 本科就剩这一门了，希望能顺利通过"
      }
      ]
    },


    //第四本书
    {
      //书的信息
      BookInformation: {
        bookName: "摆渡人(精装插图纪念版)",
        author: "[英]克莱儿·麦克福尔",
        press: "中文天地出版股份有限公司",
        year: "2016-089",
        price: "58.00",
        Binding: "精装",
        folio: "32",
        ISBN: "9787550016903",
        imgUrl: "./img/1000004.jpg",
        authorIntro: "克莱儿·麦克福尔：居住在苏格兰格拉斯哥南部，是英国文坛备受瞩目的实力作家。她的作品往往在出其不意的情节架构中饱含感人至深的真情，贯穿着人生思索和人性独白",
        //图书标签
        bookLabel: ['经典必读', '情节曲折', '引人入胜',],
        //主题词
        themaWords: ['文学', '外国文学'],
        //内容提要
        contentSummary: '单亲女孩迪伦，15岁的世界一片狼藉：与母亲总是无话可说，在学校里经常受到同学的捉弄，*谈得来的好友也因为转学离开了。这一切都让迪伦感到无比痛苦。她决定去看望久未谋面的父亲，然而，路上突发交通事故。等她拼命爬出火车残骸之后，却惊恐地发现，自己是*的幸存者，而眼前，竟是一片荒原。此时，迪伦看到不远处的山坡上一个男孩的身影。男孩将她带离了事故现场。但是，迪伦很快意识到，男孩并不是偶然出现的路人，他似乎是特意在此等候。命运，从他们相遇的那刻开始，发生了无法预料的转变……这是一个史诗般的动人故事，它令人激奋、恐惧、温暖，回归人性，引人深思。',
        //本书目录
        catalogues: ['　现在身边堆满了那位瞪眼女士的袋子，迪伦费劲地把手探进口袋，取出了手机，开始写短信—爸，我在车上。没有晚点太久。等不及了想见你。迪伦。在她按下发送键时，窗外一片漆黑。好长的一条隧道，她想。手机是琼用加班费给她买的昂贵圣诞礼物。现在手机屏幕上一直滚动着“发送中”的字样。这行文字滚动了三次之后，手机发出了嘟嘟两声提示：发送失败。“浑蛋！”迪伦不禁低声骂了一句。她有些荒唐地努力把手机举到头顶，尽管自己也知道这样做无济于事。他们现在还在隧道中，手机信号不可能穿透那么厚的岩石。她的手臂高举在空中，像一个微型的自由女神像。当那件事发生时，她还保持着这个姿势。灯光熄灭了，声音炸裂了，世界终结了。一片死寂。应该有尖叫声啊、哭喊声啊，总该有点动静吧。迪伦想。但是周围只有死寂。'],
      },

      //购买推荐
      PurchaseRe: [{
        libraryName: "新华书店长沙市分公司",
        address: "长沙市五一东路285号"
      },
      {
        libraryName: "新华书店芙蓉中路店",
        address: "湖南省长沙市芙蓉区芙蓉中路二段76号湖南图书城1-4层"
      },
      {
        libraryName: "新华书店河西大学店",
        address: "长沙市麓山路303号"
      },
      {
        libraryName: "新华书店老福山购书中心",
        address: "江西省南昌市西湖区八一大道102号新华大厦"
      },
      {
        libraryName: "新华书店学府大道店",
        address: " 南昌市新建区学府大道219号"
      },
      {
        libraryName: "新华书店江汉路店",
        address: "汉口中山大道896号"
      }
      ],
      //借阅推荐
      borrowRe: [{
        libraryName: "湖北省图书馆",
        address: "武汉市武昌区公正路25号"
      },
      {
        libraryName: "湖南图书馆",
        address: "湖南省长沙市芙蓉区韶山北路157号"
      }
      ],
      comment: [{
        userName: "无昵称用户",
        time: "2017-12-11 1:08:45",
        good: 3,
        bad: 3,
        con: "讲的是迪伦和催斯坦的爱情故事，这是一条明线。这里面夹杂着对生命的某个方面的思考，比如说，人情的冷暖，比如说，理智与情感矛盾时，怎样选择，这是一个问题。小说以一种变化的笔调大概描绘了大部分人都可能会做的梦吧。至少我看的时候，那些场景似乎经历过，感受过。"
      },
      {
        userName: "无昵称用户",
        time: "2017-11-14 14:27:05",
        good: 94,
        bad: 17,
        con: "这本一直稳居畅销排行榜的书，犹豫了很久才买，因为实在受够了“心灵治愈”、“灵魂震颤”、“人性救赎”之类的营销套路。我把它归纳为一个“西方玄幻爱情故事”，读后挺暖心，但想靠它治愈、救赎的就歇了吧。"
      },
      {
        userName: "无昵称用户",
        time: "2017-08-24 22:04:08",
        good: 117,
        bad: 49,
        con: "很久没有看小说了，这本小说真的很不错，必须说崔斯坦是迪伦的摆渡人，不如说迪伦是崔斯坦的摆渡人，以及接受自己死亡信息的那种淡定，从容都让我觉得很吃惊。爱就是相互摆渡相互慰藉，在任何困难的日子里。我也愿意成为别人的摆渡人。"
      },
      {
        userName: "匿名用户",
        time: "2017-11-14 17:24:17",
        good: 8,
        bad: 1,
        con: "没有想到的，毫无预期的死亡，再到启程前往荒野。迪伦遭遇到了人生中最大的变故，可这次的摆渡，也让她受到了最真挚的感情。我喜欢迪伦的天真浪漫，也羡慕她毅然逆行荒野的勇敢，迪伦身上折射出了太多的我们，用心感受，也许你能找到那个最初的自己。"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-30 15:17:50",
        good: 6,
        bad: 1,
        con: " 在整个作品中，看起来崔斯坦是迪伦的摆渡人。而其实真正的摆渡人是迪伦自己。这是治愈心灵的小说，那最后结果当然是穿越成功。崔斯坦在迪伦的摆渡下，成功到了迪伦的“人”世界。"
      },
      {
        userName: "无昵称用户",
        time: "2017-10-19 13:07:17",
        good: 0,
        bad: 3,
        con: " 迪伦和崔斯坦的爱，可谓轰轰烈烈，跨越了生死，赋予了崔斯坦生命以及迪伦自己的新生。很多时候，我都在怀疑自己的付出与爱的收获是否值得。但是看了摆渡人，内心无比感恩目前所收获的一切。"
      }
      ]
    },
  ]

  //同类书籍
  var renderSimilarBook = function() {
    var dataLen = data.length;
    var html = "";
    var imgUrl;

    for (let i = 0; i < dataLen; i++) {
      imgUrl = data[i].BookInformation.imgUrl;
      imgUrl = imgUrl === './fourImg/20000.jpg' ? './fourImg/404.svg' : imgUrl;

      html +=
        "<li>" +
        '<img class="fl" src="' +
        imgUrl +
        '" alt="">' +
        '<dl class="fl">' +
        "<dt>" +
        data[i].BookInformation.bookName +
        "</dt>" +
        "<dd>" +
        "<p>作者: " +
        data[i].BookInformation.author +
        "</p>" +
        "<p>出版社: " +
        data[i].BookInformation.press +
        "</p>" +
        "<p>出版年: " +
        data[i].BookInformation.year +
        "</p>" +
        "<p>ISBN: " +
        data[i].BookInformation.ISBN +
        "</p>" +
        "</dd>" +
        "</dl>" +
        "</li>";
    }
    $(".aside-left ul").html(html);
  };

  // 书的信息
  var renderBookInfo = function(index) {
    var html =
      '<img class="fl" src="' +
      data[index].BookInformation.imgUrl +
      '" alt="">' +
      '<dl class="fl">' +
      "<dt>" +
      data[index].BookInformation.bookName +
      "</dt>" +
      "<dd>" +
      "<p>作者: " +
      data[index].BookInformation.author +
      "</p>" +
      "<p>出版社: " +
      data[index].BookInformation.press +
      "</p>" +
      "<p>出版年: " +
      data[index].BookInformation.year +
      "</p>" +
      "<p>定价: " +
      data[index].BookInformation.price +
      "元</p>" +
      "<p>装帧: " +
      data[index].BookInformation.Binding +
      "</p>" +
      "<p>开本: " +
      data[index].BookInformation.folio +
      "开</p>" +
      "<p>ISBN: " +
      data[index].BookInformation.ISBN +
      "</p>" +
      "</dd>" +
      "</dl>";

    $(".middle_con .middle_top .con_left").html(html);
  };

  //图书标签
  var renderBookLabel = function(index) {
    var html = "";

    var bookLabelLen = data[index].BookInformation.bookLabel.length;

    for (let i = 0; i < bookLabelLen; i++) {
      html += " <li>" + data[index].BookInformation.bookLabel[i] + "</li>";
    }

    $(".middle_con .middle_top .con_right .bookLabel").html(html);
  };

  //主题推荐
  var renderBookSubject = function(index) {
    var themLen = data[index].BookInformation.themaWords.length;
    var html = "";

    for (let i = 0; i < themLen; i++) {
      html += "<li>" + data[index].BookInformation.themaWords[i] + "</li>";
    }

    $(".middle_con .middle_top .con_right .themaWords").html(html);
  };

  // 内容提要
  var renderContentSummary = function(index) {
    $(".middle_con .middle_top .con_link .link_con").text(
      data[index].BookInformation.contentSummary
    );
  };

  //本书目录、作者
  var renderBookCatalog = function(index) {
    var len, html;
    len = data[index].BookInformation.catalogues.length;
    html = "";

    for (let i = 0; i < len; i++) {
      html += " <li>" + data[index].BookInformation.catalogues[i] + "</li>";
    }
    $(".middle_con .middle_top .con_link .link_ul").html(html);
    /* 本书作者 */
    $(".middle_con .middle_top .con_link .link_author").html(
      data[index].BookInformation.authorIntro
    );
  };

  // 购买推荐
  var renderRecommend = function(index) {
    var len, html;
    len = data[index].PurchaseRe.length;
    html = "";

    for (let i = 0; i < len; i++) {
      html +=
        '<dl class="clearfix">' +
        "<dt >" +
        '<span class="number">' +
        (i + 1) +
        ":" +
        "</span>" +
        '<span class="title">' +
        data[index].PurchaseRe[i].libraryName +
        "</span>" +
        "</dt>" +
        "<dd>地址: " +
        data[index].PurchaseRe[i].address +
        "</dd>" +
        "</dl>";
    }
    $(".middle_button .button_left .button_con .purchase").html(html);
  };

  //借阅推荐
  var renderBorrowRecommend = function(index) {
    var len, html;
    len = data[index].borrowRe.length;
    html = "";

    for (let i = 0; i < len; i++) {
      html +=
        '<dl class="clearfix">' +
        "<dt >" +
        '<span class="number">' +
        (i + 1) +
        ":" +
        "</span>" +
        '<span class="title">' +
        data[index].borrowRe[i].libraryName +
        "</span>" +
        "</dt>" +
        "<dd>地址: " +
        data[index].borrowRe[i].address +
        "</dd>" +
        "</dl>";
    }
    $(".middle_button .button_right .button_con .jieyue").html(html);
  };

  // 图书评论
  var renderBookComment = function(index) {
    var len, html;
    len = data[index].comment.length;
    html = "";

    for (let i = 0; i < len; i++) {
      html +=
        '<dl class="clearfix">' +
        '<dt class="clearfix">' +
        '<div class="fl user">' +
        "<p>" +
        data[index].comment[i].userName +
        "</p>" +
        '<p class="time">' +
        data[index].comment[i].time +
        "</p>" +
        "</div>" +
        '<div class="fr comment">' +
        '<span class="comment_one iconfont icon-pinglun">' +
        data[index].comment[i].bad +
        "</span>" +
        '<span class="iconfont icon-xin">' +
        data[index].comment[i].good +
        "</span>" +
        "</div>" +
        "</dt>" +
        '<dd class="clearfix">' +
        data[index].comment[i].con +
        "</dd>" +
        "</dl>";
    }
    $(".aside-right .aside_con").html(html);
  };

  /* 渲染页面 */
  var renderBookDetail = function(index) {
    renderSimilarBook();
    renderBookInfo(index);
    renderBookLabel(index);
    renderBookSubject(index);
    renderContentSummary(index);
    renderBookCatalog(index);
    renderRecommend(index);
    renderBorrowRecommend(index);
    renderBookComment(index);
  };

  renderBookDetail(index);

  var showSimilarBookInfo = function() {
    var similarBook = $(".aside-left>ul");

    similarBook.on("click", 'li', function(el) {
      var curItem = $(el.currentTarget);
      var bookName = curItem.find('dt').text().trim();
      var hasBook = false;
      var index = 0;

      for(var i = 0; i < data.length; i++) {
        if (data[i]["BookInformation"]["bookName"] === bookName) {
          index = i;
          hasBook = true;
          break;
        }
      }

      if (hasBook) renderBookDetail(index);

    });
  };

  showSimilarBookInfo();

  // 畅销书排行榜获取高度
  var rankH = $(".con li:nth-child(2) .book-rank").height();
  var rankShowH = 3.5 * rankH;
  var overHiddenH = rankH * 5 + rankShowH;
  $(".book-show").css("height", rankShowH + "px");
  var curBookRank = $(".aside-left li.active .book-rank");
  curBookRank.css("height", rankH + "px");

  //   获取行高
  var topSpan = $(".aside-left .top .book-rank span");
  var topSpanH = topSpan.height();
  topSpan.css("line-height", topSpanH + "px");

  var bottomSpan = $(".aside-left .bottom .book-rank span");
  var bottomSpanH = bottomSpan.height();
  bottomSpan.css("line-height", bottomSpanH + "px");

  //   获取各地区销售码洋排行高度
  var areaRankBox = $(".aside-right .area-rank .con");
  var areaRankH = areaRankBox.height();
  var areaRankLiH = Math.round(areaRankH / 3);
  areaRankBox.find("li").css("height", areaRankLiH + "px");
  var areaUl = areaRankBox.children("ul");

  var areaUlH = areaUl.height();
  // 定时动画效果
  // 销售码洋排行
  var num = 0;
  setInterval(function() {
    num++;
    num > 4 ? (num = 0) : num;
    areaUl.css("top", -(num * areaRankH) + "px");
  }, 2000);
  //   同类图书
  function fanzhuan(parent, children, num, time, state) {
    clearInterval(parent.timer);

    var pressNum = -1;

    var rankbUl = $(parent);
    var rankbLen = rankbUl.children().length;
    parent.timer = setInterval(function() {
      pressNum++;

      if (pressNum >= num) {
        if (!state) {
          $(children).hide();
        }
      }
      if (pressNum > rankbLen) {
        pressNum = -1;
        if (!state) {
          $(children).show();
        }
      }
      // console.log(pressNum)
      var curLi = rankbUl.children().eq(pressNum);
      // console.log(curLi);
      if (state) {
        curLi.addClass("pressRotate");
        curLi.siblings().removeClass("pressRotate");
      }
    }, time);
  }
  fanzhuan(".aside-left  ul", ".aside-left  li:lt(5)", 5, 1500, true);
  fanzhuan(
    ".aside-right .con_top .aside_con",
    ".aside-right .con_top .aside_con dl:lt(3)",
    2,
    1000
  );
  // fanzhuan('.aside-right .con_button .aside_con', '.aside-right .con_button .aside_con dl:lt(3)', 2,800)

  // 推荐
  function translate($dom, $childrenFirst) {
    var $uList = $($dom);
    var timer = null;
    //触摸清空定时器
    $uList
      .hover(
        function() {
          clearInterval(timer);
        },
        function() {
          //离开启动定时器
          timer = setInterval(function() {
            scrollList($uList);
          }, 1000);
        }
      )
      .trigger("mouseleave"); //自动触发触摸事件

    //滚动动画
    function scrollList(obj) {
      //获得当前<li>的高度
      var scrollHeight = $($childrenFirst).height();
      //滚动出一个<li>的高度
      $uList.stop().animate(
        {
          marginTop: -scrollHeight
        },
        600,
        function() {
          //动画结束后，将当前<ul>marginTop置为初始值0状态，再将第一个<li>拼接到末尾。
          $uList
            .css({
              marginTop: 0
            })
            .find("dl:first")
            .appendTo($uList);
        }
      );
    }
  }

  translate(
    ".button_left .button_con .container",
    ".button_left .button_con .container dl:first"
  );
  translate(
    ".button_right .button_con .container",
    ".button_right .button_con .container dl:first"
  );
  //   畅销书排行
  var ranktUl = $(".aside-left .top ul");
  var bookLiLen = ranktUl.children().length;

  var bookNum = 0;

  var timer01 = setInterval(function() {
    bookNum++;
    // debugger
    if (bookNum % 5 == 0) {
      $(".aside-left .top li:lt(" + bookNum + ")").hide();
    }

    if (bookNum == bookLiLen) {
      bookNum = 0;
      ranktUl.children().show();
    }

    ranktUl.children().removeClass("active");
    ranktUl
      .children()
      .eq(bookNum)
      .addClass("active");

    ranktUl.find(".book-show").hide();
    ranktUl
      .children()
      .eq(bookNum)
      .children(".book-show")
      .show();
  }, 2000);
});
